<template>
  <view class="banner" @click="toRank">
    <image :src="image_host"></image>
  </view>
</template>

<script>
export default {
  data() {
    return {
      image_host: this.image_host + 'template/banner@2x.png'
    };
  },
  methods: {
    toRank() {
      uni.navigateTo({
        url: "/pages/circle/rank"
      })
    }
  },
}
</script>

<style lang="scss">
.banner {
  width: 100%;
  height: 250upx;
  background-color: #D8D8D8;

  image {
    width: 100%;
    height: 100%;
  }
}
</style>
